<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
                <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts-wordcloud.min.js"></script>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/jquery.min.js"></script>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/jquery-ui.min.js"></script>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/ResizeSensor.js"></script>

    
</head>
<body >
    <style>.box {  } </style>
        <button onclick="downloadCfg()">Save Config</button>
    <div class="box">
                <div id="34d3b11a82ab4749bf4d90fd7dcf3cbe" class="chart-container" style="width:900px; height:500px; "></div>
    <script>
        var chart_34d3b11a82ab4749bf4d90fd7dcf3cbe = echarts.init(
            document.getElementById('34d3b11a82ab4749bf4d90fd7dcf3cbe'), 'white', {renderer: 'canvas'});
        var option_34d3b11a82ab4749bf4d90fd7dcf3cbe = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "line",
            "name": "\u6570\u91cf",
            "connectNulls": false,
            "xAxisIndex": 0,
            "symbol": "triangle",
            "symbolSize": 10,
            "showSymbol": true,
            "smooth": false,
            "clip": true,
            "step": false,
            "stackStrategy": "samesign",
            "data": [
                [
                    "\u5e7f\u4e1c",
                    134
                ],
                [
                    "\u6e56\u5357",
                    92
                ],
                [
                    "\u6c5f\u82cf",
                    82
                ],
                [
                    "\u5317\u4eac",
                    68
                ],
                [
                    "\u6d59\u6c5f",
                    65
                ],
                [
                    "\u56db\u5ddd",
                    53
                ],
                [
                    "\u5c71\u4e1c",
                    48
                ],
                [
                    "\u4e0a\u6d77",
                    48
                ],
                [
                    "\u6e56\u5317",
                    44
                ],
                [
                    "\u798f\u5efa",
                    38
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": true,
                "margin": 8,
                "valueAnimation": false
            },
            "logBase": 10,
            "seriesLayoutBy": "column",
            "lineStyle": {
                "show": true,
                "width": 3,
                "opacity": 1,
                "curveness": 0,
                "type": "dashed"
            },
            "areaStyle": {
                "opacity": 0
            },
            "zlevel": 0,
            "z": 0
        }
    ],
    "legend": [
        {
            "data": [
                "\u6570\u91cf"
            ],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "xAxis": [
        {
            "name": "\u5730\u533a",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "rotate": 30,
                "margin": 8,
                "valueAnimation": false
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "animation": true,
            "animationThreshold": 2000,
            "animationDuration": 1000,
            "animationEasing": "cubicOut",
            "animationDelay": 0,
            "animationDurationUpdate": 300,
            "animationEasingUpdate": "cubicOut",
            "animationDelayUpdate": 0,
            "data": [
                "\u5e7f\u4e1c",
                "\u6e56\u5357",
                "\u6c5f\u82cf",
                "\u5317\u4eac",
                "\u6d59\u6c5f",
                "\u56db\u5ddd",
                "\u5c71\u4e1c",
                "\u4e0a\u6d77",
                "\u6e56\u5317",
                "\u798f\u5efa"
            ]
        }
    ],
    "yAxis": [
        {
            "name": "\u6570\u91cf",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "animation": true,
            "animationThreshold": 2000,
            "animationDuration": 1000,
            "animationEasing": "cubicOut",
            "animationDelay": 0,
            "animationDurationUpdate": 300,
            "animationEasingUpdate": "cubicOut",
            "animationDelayUpdate": 0
        }
    ],
    "title": [
        {
            "show": true,
            "text": "\u5730\u533a\u5206\u5e03TOP10",
            "target": "blank",
            "subtarget": "blank",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false
        }
    ],
    "dataZoom": [
        {
            "show": true,
            "type": "slider",
            "showDetail": true,
            "showDataShadow": true,
            "realtime": true,
            "start": 20,
            "end": 80,
            "orient": "horizontal",
            "zoomLock": false,
            "filterMode": "filter"
        }
    ]
};
        chart_34d3b11a82ab4749bf4d90fd7dcf3cbe.setOption(option_34d3b11a82ab4749bf4d90fd7dcf3cbe);
    </script>
<br/>                <div id="b0bb10c2e3cf40c79174e72e56bde19b" class="chart-container" style="width:900px; height:500px; "></div>
    <script>
        var chart_b0bb10c2e3cf40c79174e72e56bde19b = echarts.init(
            document.getElementById('b0bb10c2e3cf40c79174e72e56bde19b'), 'white', {renderer: 'canvas'});
        var option_b0bb10c2e3cf40c79174e72e56bde19b = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "pie",
            "colorBy": "data",
            "legendHoverLink": true,
            "selectedMode": false,
            "selectedOffset": 10,
            "clockwise": true,
            "startAngle": 90,
            "minAngle": 0,
            "minShowLabelAngle": 0,
            "avoidLabelOverlap": true,
            "stillShowZeroSum": true,
            "percentPrecision": 2,
            "showEmptyCircle": true,
            "emptyCircleStyle": {
                "color": "lightgray",
                "borderColor": "#000",
                "borderWidth": 0,
                "borderType": "solid",
                "borderDashOffset": 0,
                "borderCap": "butt",
                "borderJoin": "bevel",
                "borderMiterLimit": 10,
                "opacity": 1
            },
            "data": [
                {
                    "name": "\u7537",
                    "value": 624
                },
                {
                    "name": "\u5973",
                    "value": 376
                }
            ],
            "radius": [
                "30%",
                "75%"
            ],
            "center": [
                "25%",
                "50%"
            ],
            "roseType": "radius",
            "label": {
                "show": true,
                "margin": 8,
                "formatter": "{b}: {c} ({d}%)",
                "valueAnimation": false
            },
            "labelLine": {
                "show": true,
                "showAbove": false,
                "length": 15,
                "length2": 15,
                "smooth": false,
                "minTurnAngle": 90,
                "maxSurfaceAngle": 90
            },
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "formatter": "{a} <br/>{b}: {c} ({d}%)",
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u7537",
                "\u5973"
            ],
            "selected": {},
            "show": true,
            "left": "15%",
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "title": [
        {
            "show": true,
            "text": "\u6027\u522b\u5206\u5e03",
            "target": "blank",
            "subtarget": "blank",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false
        }
    ]
};
        chart_b0bb10c2e3cf40c79174e72e56bde19b.setOption(option_b0bb10c2e3cf40c79174e72e56bde19b);
    </script>
<br/>                <div id="1cb09f626ca542088e659142149520d9" class="chart-container" style="width:900px; height:500px; "></div>
    <script>
        var chart_1cb09f626ca542088e659142149520d9 = echarts.init(
            document.getElementById('1cb09f626ca542088e659142149520d9'), 'white', {renderer: 'canvas'});
        var option_1cb09f626ca542088e659142149520d9 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "wordCloud",
            "shape": "diamond",
            "rotationRange": [
                0,
                0
            ],
            "rotationStep": 45,
            "girdSize": 20,
            "sizeRange": [
                20,
                100
            ],
            "data": [
                {
                    "name": "\u8fd9\u4e00\u4e0b",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(36,111,20)"
                    }
                },
                {
                    "name": "\u5916\u56fd",
                    "value": 6,
                    "textStyle": {
                        "color": "rgb(66,101,42)"
                    }
                },
                {
                    "name": "\u7f51\u53cb",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(57,22,138)"
                    }
                },
                {
                    "name": "\u4e2d\u56fd",
                    "value": 63,
                    "textStyle": {
                        "color": "rgb(31,45,151)"
                    }
                },
                {
                    "name": "\u4eba\u52a0",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(49,69,88)"
                    }
                },
                {
                    "name": "\u4e00\u4e2a",
                    "value": 39,
                    "textStyle": {
                        "color": "rgb(70,72,98)"
                    }
                },
                {
                    "name": "\u69df\u6994",
                    "value": 172,
                    "textStyle": {
                        "color": "rgb(111,15,82)"
                    }
                },
                {
                    "name": "\u6807\u7b7e",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(9,2,20)"
                    }
                },
                {
                    "name": "\u51e0\u5929",
                    "value": 2,
                    "textStyle": {
                        "color": "rgb(123,25,39)"
                    }
                },
                {
                    "name": "\u79ef\u7d2f",
                    "value": 3,
                    "textStyle": {
                        "color": "rgb(100,84,108)"
                    }
                },
                {
                    "name": "\u6b63\u9762",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(41,71,89)"
                    }
                },
                {
                    "name": "\u5f71\u54cd",
                    "value": 3,
                    "textStyle": {
                        "color": "rgb(16,131,144)"
                    }
                },
                {
                    "name": "\u4e00\u4e0b\u5b50",
                    "value": 2,
                    "textStyle": {
                        "color": "rgb(153,85,77)"
                    }
                },
                {
                    "name": "\u5927\u6253\u6298\u6263",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(63,34,158)"
                    }
                },
                {
                    "name": "\u82f1\u96c4",
                    "value": 2,
                    "textStyle": {
                        "color": "rgb(31,111,70)"
                    }
                },
                {
                    "name": "\u8054\u76df",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(120,134,150)"
                    }
                },
                {
                    "name": "\u795e\u5410\u69fd",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(46,11,96)"
                    }
                },
                {
                    "name": "\u8fdb\u7fa4",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(106,145,100)"
                    }
                },
                {
                    "name": "\u4f4d\u7f6e",
                    "value": 4,
                    "textStyle": {
                        "color": "rgb(139,105,137)"
                    }
                },
                {
                    "name": "\u5feb\u8fdb\u6765",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(158,54,73)"
                    }
                },
                {
                    "name": "\u4e00\u8d77",
                    "value": 4,
                    "textStyle": {
                        "color": "rgb(37,54,125)"
                    }
                },
                {
                    "name": "\u73a9\u65b0",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(107,87,27)"
                    }
                },
                {
                    "name": "\u7fa4\u5410\u69fd",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(89,66,26)"
                    }
                },
                {
                    "name": "\u9ed1\u7fa4",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(157,21,80)"
                    }
                },
                {
                    "name": "\u4ec0\u4e48",
                    "value": 26,
                    "textStyle": {
                        "color": "rgb(39,41,6)"
                    }
                },
                {
                    "name": "\u5fc3\u7406",
                    "value": 3,
                    "textStyle": {
                        "color": "rgb(131,86,29)"
                    }
                },
                {
                    "name": "\u51b5\u4e14",
                    "value": 2,
                    "textStyle": {
                        "color": "rgb(5,151,132)"
                    }
                },
                {
                    "name": "\u8fd8\u662f",
                    "value": 12,
                    "textStyle": {
                        "color": "rgb(5,52,91)"
                    }
                },
                {
                    "name": "\u5b69\u5b50",
                    "value": 5,
                    "textStyle": {
                        "color": "rgb(144,107,53)"
                    }
                },
                {
                    "name": "\u73a9\u610f",
                    "value": 27,
                    "textStyle": {
                        "color": "rgb(60,89,71)"
                    }
                },
                {
                    "name": "\u4e0a\u763e",
                    "value": 10,
                    "textStyle": {
                        "color": "rgb(123,67,160)"
                    }
                },
                {
                    "name": "\u6bd2\u54c1",
                    "value": 26,
                    "textStyle": {
                        "color": "rgb(88,29,104)"
                    }
                },
                {
                    "name": "\u5dee\u4e0d\u591a",
                    "value": 3,
                    "textStyle": {
                        "color": "rgb(109,29,91)"
                    }
                },
                {
                    "name": "\u6700\u540e",
                    "value": 10,
                    "textStyle": {
                        "color": "rgb(140,49,158)"
                    }
                },
                {
                    "name": "\u53e3\u8154",
                    "value": 3,
                    "textStyle": {
                        "color": "rgb(122,22,104)"
                    }
                },
                {
                    "name": "\u7ea4\u7ef4\u5316",
                    "value": 2,
                    "textStyle": {
                        "color": "rgb(9,7,89)"
                    }
                },
                {
                    "name": "\u53d8\u5f62",
                    "value": 2,
                    "textStyle": {
                        "color": "rgb(139,21,24)"
                    }
                },
                {
                    "name": "\u8bc4\u8bba",
                    "value": 6,
                    "textStyle": {
                        "color": "rgb(57,123,62)"
                    }
                },
                {
                    "name": "\u6e56\u5357\u4eba",
                    "value": 23,
                    "textStyle": {
                        "color": "rgb(150,30,96)"
                    }
                },
                {
                    "name": "\u6050\u6016",
                    "value": 2,
                    "textStyle": {
                        "color": "rgb(135,118,115)"
                    }
                },
                {
                    "name": "\u7f8e\u56fd",
                    "value": 22,
                    "textStyle": {
                        "color": "rgb(6,71,158)"
                    }
                },
                {
                    "name": "\u5b9a\u4f4d",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(100,88,81)"
                    }
                },
                {
                    "name": "\u8f6f\u6027",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(74,8,39)"
                    }
                },
                {
                    "name": "\u7981\u8fd0",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(141,90,105)"
                    }
                },
                {
                    "name": "\u7981\u552e",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(149,101,66)"
                    }
                },
                {
                    "name": "\u5bf9\u65b9",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(54,115,133)"
                    }
                },
                {
                    "name": "\u4e0d\u77e5\u60c5",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(145,79,64)"
                    }
                },
                {
                    "name": "\u60c5\u51b5",
                    "value": 3,
                    "textStyle": {
                        "color": "rgb(24,15,114)"
                    }
                },
                {
                    "name": "\u63a8\u8350",
                    "value": 4,
                    "textStyle": {
                        "color": "rgb(121,96,97)"
                    }
                },
                {
                    "name": "\u7b80\u76f4",
                    "value": 3,
                    "textStyle": {
                        "color": "rgb(35,149,95)"
                    }
                },
                {
                    "name": "\u755c\u751f",
                    "value": 2,
                    "textStyle": {
                        "color": "rgb(11,145,3)"
                    }
                },
                {
                    "name": "\u884c\u4e3a",
                    "value": 4,
                    "textStyle": {
                        "color": "rgb(19,29,49)"
                    }
                },
                {
                    "name": "\u4e22\u4eba",
                    "value": 11,
                    "textStyle": {
                        "color": "rgb(49,38,48)"
                    }
                },
                {
                    "name": "\u5927\u53d1",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(131,24,91)"
                    }
                },
                {
                    "name": "\u60f3\u4f1a",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(95,38,13)"
                    }
                },
                {
                    "name": "\u4e0d\u4f1a",
                    "value": 14,
                    "textStyle": {
                        "color": "rgb(136,136,153)"
                    }
                },
                {
                    "name": "\u6709\u4eba",
                    "value": 5,
                    "textStyle": {
                        "color": "rgb(108,105,94)"
                    }
                },
                {
                    "name": "\u8fd9\u4e48",
                    "value": 13,
                    "textStyle": {
                        "color": "rgb(22,159,24)"
                    }
                },
                {
                    "name": "\u8fd9\u4e0b",
                    "value": 3,
                    "textStyle": {
                        "color": "rgb(74,68,154)"
                    }
                },
                {
                    "name": "\u4ee5\u540e",
                    "value": 6,
                    "textStyle": {
                        "color": "rgb(29,48,68)"
                    }
                },
                {
                    "name": "\u964c\u751f\u4eba",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(67,32,114)"
                    }
                },
                {
                    "name": "\u4e1c\u897f",
                    "value": 39,
                    "textStyle": {
                        "color": "rgb(100,86,33)"
                    }
                },
                {
                    "name": "\u4e0d\u6562",
                    "value": 5,
                    "textStyle": {
                        "color": "rgb(49,85,8)"
                    }
                },
                {
                    "name": "\u4e3b\u8981",
                    "value": 4,
                    "textStyle": {
                        "color": "rgb(159,49,71)"
                    }
                },
                {
                    "name": "\u6ca1\u60f3\u5230",
                    "value": 3,
                    "textStyle": {
                        "color": "rgb(105,94,50)"
                    }
                },
                {
                    "name": "\u4e3a\u5565",
                    "value": 7,
                    "textStyle": {
                        "color": "rgb(134,75,95)"
                    }
                },
                {
                    "name": "\u5728\u4e4e",
                    "value": 5,
                    "textStyle": {
                        "color": "rgb(65,67,4)"
                    }
                },
                {
                    "name": "\u5916\u56fd\u4eba",
                    "value": 9,
                    "textStyle": {
                        "color": "rgb(18,54,28)"
                    }
                },
                {
                    "name": "\u770b\u6cd5",
                    "value": 4,
                    "textStyle": {
                        "color": "rgb(157,48,80)"
                    }
                },
                {
                    "name": "\u8fd9\u4eba",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(43,156,20)"
                    }
                },
                {
                    "name": "\u6545\u610f",
                    "value": 4,
                    "textStyle": {
                        "color": "rgb(103,105,106)"
                    }
                },
                {
                    "name": "\u7532\u4ea2",
                    "value": 78,
                    "textStyle": {
                        "color": "rgb(41,141,86)"
                    }
                },
                {
                    "name": "\u957f\u6c99",
                    "value": 97,
                    "textStyle": {
                        "color": "rgb(13,100,149)"
                    }
                },
                {
                    "name": "\u600e\u4e48",
                    "value": 31,
                    "textStyle": {
                        "color": "rgb(125,111,141)"
                    }
                },
                {
                    "name": "\u4e22\u8138",
                    "value": 9,
                    "textStyle": {
                        "color": "rgb(32,120,57)"
                    }
                },
                {
                    "name": "\u4f60\u4eec",
                    "value": 7,
                    "textStyle": {
                        "color": "rgb(111,154,90)"
                    }
                },
                {
                    "name": "\u662f\u4e0d\u662f",
                    "value": 12,
                    "textStyle": {
                        "color": "rgb(23,48,76)"
                    }
                },
                {
                    "name": "\u81ea\u5351",
                    "value": 3,
                    "textStyle": {
                        "color": "rgb(146,128,66)"
                    }
                },
                {
                    "name": "\u654f\u611f",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(112,156,12)"
                    }
                },
                {
                    "name": "\u60b2\u5141\u60b2",
                    "value": 5,
                    "textStyle": {
                        "color": "rgb(6,55,127)"
                    }
                },
                {
                    "name": "\u52a8\u4e0d\u52a8",
                    "value": 2,
                    "textStyle": {
                        "color": "rgb(8,49,60)"
                    }
                },
                {
                    "name": "\u56fd\u5916",
                    "value": 10,
                    "textStyle": {
                        "color": "rgb(83,143,141)"
                    }
                },
                {
                    "name": "\u4e4b\u524d",
                    "value": 8,
                    "textStyle": {
                        "color": "rgb(27,86,11)"
                    }
                },
                {
                    "name": "\u90a3\u4e48",
                    "value": 17,
                    "textStyle": {
                        "color": "rgb(115,157,46)"
                    }
                },
                {
                    "name": "\u53ef\u4ee5",
                    "value": 15,
                    "textStyle": {
                        "color": "rgb(42,1,138)"
                    }
                },
                {
                    "name": "\u76f4\u63a5",
                    "value": 9,
                    "textStyle": {
                        "color": "rgb(156,148,47)"
                    }
                },
                {
                    "name": "\u65c1\u8fb9",
                    "value": 2,
                    "textStyle": {
                        "color": "rgb(134,46,100)"
                    }
                },
                {
                    "name": "\u591a\u4eba",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(28,134,125)"
                    }
                },
                {
                    "name": "\u6559\u6559",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(81,151,39)"
                    }
                },
                {
                    "name": "\u77e5\u9053",
                    "value": 27,
                    "textStyle": {
                        "color": "rgb(56,138,160)"
                    }
                },
                {
                    "name": "\u8fd9\u4e2a",
                    "value": 46,
                    "textStyle": {
                        "color": "rgb(106,139,157)"
                    }
                },
                {
                    "name": "\u4e0d\u80fd",
                    "value": 10,
                    "textStyle": {
                        "color": "rgb(141,58,12)"
                    }
                },
                {
                    "name": "\u88c2\u5f00",
                    "value": 7,
                    "textStyle": {
                        "color": "rgb(157,34,99)"
                    }
                },
                {
                    "name": "\u5076\u5c14",
                    "value": 5,
                    "textStyle": {
                        "color": "rgb(86,51,145)"
                    }
                },
                {
                    "name": "\u4e00\u9897",
                    "value": 4,
                    "textStyle": {
                        "color": "rgb(133,63,118)"
                    }
                },
                {
                    "name": "\u6ca1\u4e8b",
                    "value": 6,
                    "textStyle": {
                        "color": "rgb(25,103,160)"
                    }
                },
                {
                    "name": "\u6ca1\u5403\u8fc7",
                    "value": 7,
                    "textStyle": {
                        "color": "rgb(71,32,22)"
                    }
                },
                {
                    "name": "\u5c31\u662f",
                    "value": 34,
                    "textStyle": {
                        "color": "rgb(80,64,44)"
                    }
                },
                {
                    "name": "\u7eaf\u574f",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(15,11,98)"
                    }
                },
                {
                    "name": "\u76f4\u64ad",
                    "value": 26,
                    "textStyle": {
                        "color": "rgb(21,121,36)"
                    }
                }
            ],
            "drawOutOfBound": false,
            "textStyle": {
                "normal": {
                    "fontFamily": "Microsoft YaHei"
                },
                "emphasis": {}
            }
        }
    ],
    "legend": [
        {
            "data": [],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "title": [
        {
            "show": true,
            "text": "\u8bc4\u8bba\u9ad8\u9891\u8bcd\u4e91",
            "target": "blank",
            "subtarget": "blank",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false
        }
    ]
};
        chart_1cb09f626ca542088e659142149520d9.setOption(option_1cb09f626ca542088e659142149520d9);
    </script>
<br/>                <div id="e650c160152b408f800b430ca9f3e1c7" class="chart-container" style="width:900px; height:500px; "></div>
    <script>
        var chart_e650c160152b408f800b430ca9f3e1c7 = echarts.init(
            document.getElementById('e650c160152b408f800b430ca9f3e1c7'), 'white', {renderer: 'canvas'});
        var option_e650c160152b408f800b430ca9f3e1c7 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u8bc4\u8bba\u6570\u91cf",
            "legendHoverLink": true,
            "data": [
                505,
                328,
                167
            ],
            "realtimeSort": false,
            "showBackground": false,
            "stackStrategy": "samesign",
            "cursor": "pointer",
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8,
                "valueAnimation": false
            },
            "itemStyle": {
                "normal": {
                    "color": function(params) {                    if (params.value > 150) {                        return '#E15457';                    } else if (params.value > 100) {                        return '#F9A589';                    } else {                        return '#D7DA8B';                    }                }
                }
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u8bc4\u8bba\u6570\u91cf"
            ],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "xAxis": [
        {
            "name": "\u60c5\u611f\u7c7b\u578b",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "animation": true,
            "animationThreshold": 2000,
            "animationDuration": 1000,
            "animationEasing": "cubicOut",
            "animationDelay": 0,
            "animationDurationUpdate": 300,
            "animationEasingUpdate": "cubicOut",
            "animationDelayUpdate": 0,
            "data": [
                "\u6b63\u9762",
                "\u8d1f\u9762",
                "\u4e2d\u6027"
            ]
        }
    ],
    "yAxis": [
        {
            "name": "\u6570\u91cf",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "animation": true,
            "animationThreshold": 2000,
            "animationDuration": 1000,
            "animationEasing": "cubicOut",
            "animationDelay": 0,
            "animationDurationUpdate": 300,
            "animationEasingUpdate": "cubicOut",
            "animationDelayUpdate": 0
        }
    ],
    "title": [
        {
            "show": true,
            "text": "\u8bc4\u8bba\u60c5\u611f\u5206\u5e03\u67f1\u72b6\u56fe",
            "target": "blank",
            "subtarget": "blank",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false
        }
    ],
    "visualMap": {
        "show": true,
        "type": "continuous",
        "min": 167,
        "max": 505,
        "inRange": {
            "color": [
                "#D7DA8B",
                "#E15457"
            ]
        },
        "calculable": true,
        "inverse": false,
        "splitNumber": 5,
        "hoverLink": true,
        "orient": "horizontal",
        "left": "center",
        "padding": 5,
        "showLabel": true,
        "itemWidth": 20,
        "itemHeight": 140,
        "borderWidth": 0
    }
};
        chart_e650c160152b408f800b430ca9f3e1c7.setOption(option_e650c160152b408f800b430ca9f3e1c7);
    </script>
<br/>    </div>
    <script>
            $('#34d3b11a82ab4749bf4d90fd7dcf3cbe').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#34d3b11a82ab4749bf4d90fd7dcf3cbe>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#34d3b11a82ab4749bf4d90fd7dcf3cbe'), function() { chart_34d3b11a82ab4749bf4d90fd7dcf3cbe.resize()});
            $('#b0bb10c2e3cf40c79174e72e56bde19b').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#b0bb10c2e3cf40c79174e72e56bde19b>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#b0bb10c2e3cf40c79174e72e56bde19b'), function() { chart_b0bb10c2e3cf40c79174e72e56bde19b.resize()});
            $('#1cb09f626ca542088e659142149520d9').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#1cb09f626ca542088e659142149520d9>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#1cb09f626ca542088e659142149520d9'), function() { chart_1cb09f626ca542088e659142149520d9.resize()});
            $('#e650c160152b408f800b430ca9f3e1c7').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#e650c160152b408f800b430ca9f3e1c7>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#e650c160152b408f800b430ca9f3e1c7'), function() { chart_e650c160152b408f800b430ca9f3e1c7.resize()});
            var charts_id = ['34d3b11a82ab4749bf4d90fd7dcf3cbe','b0bb10c2e3cf40c79174e72e56bde19b','1cb09f626ca542088e659142149520d9','e650c160152b408f800b430ca9f3e1c7'];
function downloadCfg () {
    const fileName = 'chart_config.json'
    let downLink = document.createElement('a')
    downLink.download = fileName

    let result = []
    for(let i=0; i<charts_id.length; i++) {
        chart = $('#'+charts_id[i])
        result.push({
            cid: charts_id[i],
            width: chart.css("width"),
            height: chart.css("height"),
            top: chart.offset().top + "px",
            left: chart.offset().left + "px"
        })
    }

    let blob = new Blob([JSON.stringify(result)])
    downLink.href = URL.createObjectURL(blob)
    document.body.appendChild(downLink)
    downLink.click()
    document.body.removeChild(downLink)
}
    </script>
</body>
</html>
